<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="/css/shopping.css">

    <title>Document</title>
</head>

<body>
    <header></header>
    <div class="wrap">
        <div class="main">
            <span class="sp">购物车</span>
        </div>
        <div class="gouwuche">
            <form action="#">
                <table class="xq" id="shoppingList">


                    <!-- <td>
                            <input type="checkbox">
                            <a href="#"><img src="/images/list1.jpg" class="mengmao"></a>
                            <a href="#">萌猫乐园</a>
                        </td>
                        <td>联名款多肉葡萄味</td>
                        <td>48积分</td>
                        <td>￥48.00</td>
                        <td>1</td>
                        <td>￥48.00</td>
                        <td>删除</td> -->
                </table>
                <script type="text/html" id="shoppingListTemp">
                    <tr class="bt">
                        <td class="sa"><span>商品名称</span></td>
                        <td class="sb">属性</td>
                        <td class="sc">积分</td>
                        <td class="sd">单价</td>
                        <td class="se">购买数量</td>
                        <td class="se">小计</td>
                        <td class="sf">操作</td>
                    </tr>
                    {{each cart shop}}
                    <tr class="lr" data-id="{{shop.id}}">
                        <td>
                            <input class="check" type="checkbox" {{shop.check ? 'checked' :''}}>
                            <a href="#"><img src="{{shop.imgs[0]}}" class="mengmao"></a>
                            <a href="#">{{shop.title}}</a>
                        </td>
                        <td>{{shop.desc}}</td>
                        <td>{{shop.price}}积分</td>
                        <td>￥{{shop.price.toFixed(2)}}</td>
                        <td>
                            <span class="jian">-</span>
                            <input type="text" class="count" value="{{shop.count}}">
                            <span class='jia'>+</span>
                        </td>
                        <td>￥{{(shop.count*shop.price).toFixed(2)}}</td>
                        <td class="delate">删除</td>
                    </tr>
                    {{/each}}
                </script>


                <div class="jixugouwu">
                    <p>可选好利来专属附加产品</p>
                    <a href="/html/list.html">继续购物</a>
                </div>
                <div class="next">
                    <div class="next_left">
                        <b>全选</b><input type="checkbox" id="allCheck">
                        <a href="#">x删除选中商品</a>
                    </div>
                    <div class="next_r">
                        <p>总计：￥<span id="totalPrice"></span>.00</p>
                        <a href="#">下一步</a>
                    </div>
                </div>
                <div class="p">
                    <p>更多精彩</p>
                </div>

            </form>


        </div>

    </div>
    <div class="noGoods">
        <p>
            您还没有选购商品，您可以选择以下推荐商品， 也可以 <a href="/">返回首页</a> 购买。
        </p>
    </div>
    <div class="dl">
        <dl>
            <dd>
                <a href="#"><img src="/images/tlms.jpg" /></a>
            </dd>
            <dt>
                <a href="#">
                    <h1>提拉米苏</h1>
                </a>
                <a href="#">
                    <p>TIRAMISU</p>
                </a>
            </dt>
        </dl>
    </div>
    <footer></footer>
    <script src="/libs/requirejs/require.min.js" data-main="/js/shopping.js"></script>
</body>

</html>